<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>404閿欒</title>
<style>
body {
margin:0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-image: radial-gradient(ellipse, white, #DFDFDF 70%);
font-family:"寰蒋闆呴粦","榛戜綋";
}
div{text-align: center;}
a{
display: inline-block;
text-decoration: none;
border:1px solid #6783d8;
font-size:16px;
border-radius: 30px;
color:#6783d8;
padding:10px 30px;
}
a:hover{
background: #6783d8;
color:white;
}
h1 {
font-size: 300px;
color: #adc4fa;
text-shadow: 10px 10px 10px #607fd7;
padding:0;
margin:0;
}
p {
font-size: 30px;
color: #7b95db;
text-shadow: 2px 2px 2px white;
}
</style>
</head>
<body>
<div>
<h1>404</h1>
<p>銆€鍝庡憖锛屼綘瑕佹壘鐨勯〉闈笉瀛樺湪锛�</p>
<p>Oops! We couldn't find this page.</p>
<a href="/">杩斿洖棣栭〉 / Return Home</a>
</div>
</body>
</html>